<!DOCTYPE html>
<html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
</head>
<body>
	<?php include_once VIEWS.'inc/header.php'; ?>
	<div class="main pro">
		<div class="box">
			<div class="w1190">
			
				<div class="pro-nav f-cb">
				
					<a class="link package pull-left" href="<?php echo site_url('product/index'); ?>" title="箱包">箱包</a>
					<a class="link clothes pull-left" href="<?php echo site_url('product/index1'); ?>" title="服饰">服饰</a>
					<a class="link cur home-a  pull-left" href="<?php echo site_url('product/index2'); ?>" title="生活/居家">生活/居家</a>
					
				</div>
				
				
				<div class="pro-sub-nav f-cb">
				<p class="title pull-left">选择品牌</p>
					<?php if(!empty($nav)):?>
					<?php foreach($nav as $k=>$v):?>
					<div class="line pull-left"></div>
					<a class="link <?php echo $nowId==$v['id']?'cur':'';?> pull-left" href="<?php echo site_url('product/index2/'.$v['id']); ?>" title="JINNNN"><?php echo $v['title']?></a>
					<?php endforeach;?>
					<?php endif;?>
				</div>
				
				
				<div class="pro-box js-pro-box f-cb">
				<?php if(!empty($fenye['new_con'])):?>
				<?php foreach($fenye['new_con'] as $k=>$v):?>
					<div class="list pull-left">
						<div class="img-box"><img src="<?php echo UPLOAD_URL.tag_photo($v['photo']); ?>"></div>
						<div class="cont">
							<h4><?php echo $v['title'];?></h4>
							<small class="more">Read More</small>
						</div>
						<div class="hide">
							<img src="<?php echo UPLOAD_URL.tag_photo($v['photo1']); ?>">
							<div class="text"><p>请微信扫码进入微商城购买</p></div>
						</div>
					</div>
				<?php endforeach;?>
				<?php endif;?>
				</div>
				
				<div class="page-btm-box">
					<div class="page pull-left">
					<?php echo $fenye['pagelink']?>
						<!-- <img src="<?php //echo static_file('web/img/page.png'); ?>"> -->
						
					</div>
					<div class="pro-footer pull-right">
						<?php include_once VIEWS.'inc/footer.php'; ?>
					</div>
				</div>
				
			</div>
		</div>
	</div>
</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.js-pro-box').find('.list').find('.hide').css({
			scale: 0
		});
		$('.js-nar-bar .link').eq(1).addClass('cur');
		$('.js-pro-box .list').each(function(){
			if(!(($(this).index()+1)%3)){
				$(this).addClass('left-qr');
			}
		});
		$('.js-pro-box .list').click(function(){
			$(this).siblings().removeClass('cur').find('.hide').css({
				opacity: 0,
				scale: 0
			}).stop(false,true).hide();
			$(this).addClass('cur').find('.hide').stop(false,true).show().animate({
				opacity: 1,
				scale: 1
			},400);
		});
	})
</script>